<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
        <meta name="format-detection" content="telephone=no"/>
        <title>巡检监控筛选框</title>
        <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
        <link rel="stylesheet" type="text/css" href="../../css/query-list.css"/>
        <style>
									html, body {
										background-color:transparent !important;
										color:rgba(0,0,0,0.0)
									}
        </style>
    </head>
    <body>
        <!--设置遮罩层-->
        <div id="popupWrapper" style="display: none">
            <div id="shadeWrapper" class="popup-mask active"></div>
            <div id="queryListBox" class="view agile-popup bottom">
                <div id="options" class="hotel-p-s-filter js_price_star_filter">
                    <dl>
                        <div id="stationNameOpt" data-type="text" >
                            <dt>
                                站址名称
                            </dt>
                            <dd class="js_price_h js_price_all" onclick="openQueryStationWin()">
                                <input id="stationname" type="text" value=""/>
                                <input id="stationcode" type="hidden" value=""/>
                                <img class="close" src="../../image/icons/png/close.png"/>
                            </dd>
                        </div>
                      
                       <div id="playNameOpt" data-type="text" >
                            <dt>
                                计划名称
                            </dt>
                            <dd class="js_price_h js_price_all" >
                                <input id="planname" type="text" value=""/>
                                <img class="close" src="../../image/icons/png/close.png"/>
                            </dd>
                        </div>
                        <div class="mt10">
                            <!--  <button class="g_btn_s js_price_star_filter_ok" onclick="clear()">
                            重置
                            </button>-->
                            <button class="g_btn_s js_price_star_filter_ok" onclick="query()">
                                查询
                            </button>
                        </div>
                    </dl>
                </div>
            </div>
        </div>
    </body>
    <script type="text/javascript" src="../../script/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="../../script/api.js"></script>
    <script type="text/javascript" src="../../script/debug.js"></script>
    <script type="text/javascript" src="../../script/common.js"></script>
    <script type="text/javascript" src="../../script/component.js"></script>
    <script type="text/javascript">
        var winName = null;
        var frameName = null;
        var callback = null;
        apiready = function() {
            winName = api.pageParam.winName;
            frameName = api.pageParam.frameName;
            callback = api.pageParam.callback;
//          initQueryBox();
            popup_query.init();
            popup_query.showPopup();
            api.parseTapmode();
            //          $('#popupWrapper').show();
        }

        /**
         *打开站址查询接口
         */
        function openQueryStationWin() {
            api.openWin({
                name : 'stationSearch_win',
                url : 'stationSearch_win.html',
                pageParam : {
                    winName : api.winName,
                    frameName : 'popup_xunjian_monitor'
                }
            });
        }

        function query() {
            var callback = api.pageParam.callback;
            var formData = popup_query.serializeAll();
            transferObj(formData, {
                winName : winName,
                frameName : frameName
            }, callback);
            popup_query.hidePopup();
        }

        /**
         *设置站址名称和站址编码
         */
        function onStationSelect(stationname, stationcode) {
            $("#stationname").val(stationname).parent().addClass('active');
            $("#stationcode").val(stationcode);
        }

       
    </script>
</html>